<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/lib/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="/lib/swiper-master/swiper-bundle.css">
    <title>Document</title>
</head>

<body>
    <header>
        
    </header>
    <!-- main -->
    <main>
        <nav>
            <div class="n-f">
                <p class="n-f-p">
                    Nike App 超级星期五每周五中午上线独家福利，超多限时优惠和专属惊喜等你体验。前往 Nike App 收获更多精彩，
                    <a data-analytics-action-id="131604b9-8bf9-4ee3-9a4e-ca6094a58f3c"
                        href="#">即刻下载</a>
                </p>
            </div>
        </nav>
        <div class="containe">
            
        </div>
        <script type="text/html" id="indexPronTemplate">
            {{each data item}}
            <div class="contain">
                <a href='/'><img src="{{item.img}}"></a>
            </div>
            <div class="contai">
                <p class="n-c-o" style="color: #111111;">{{item.title}}</p>
                <p class="n-c-n" style="color: #111111;">{{item.des}}</p>
                <div class="n-c-t"><a href="#" target="_self">{{item.mag}}</a></div>
            </div>
            {{/each}}
        </script>

        <div class="concent fixed-fluid _1WKaQgke css-1wf7v22 ncss-container">
            <div class="n-c-hr">
                <h2 class="n-c-h">推荐故事</h2>
            </div>
            <div class="n-c-re oneall">
                <div class="c-re-f ncss-col-lg-6 ncss-col-lg-offset-0 ncss-col-md-6 ncss-col-md-offset-0">
                    <div class="c-re-m">
                        <div style="width:100%;height:100%"><img data-qa="image-media-img" src="./images/p1  546  548.jpg"
                                style="width:100%;height:100%"></div>
                    </div>
                    <figcaption class="function">
                        <p class="p" data-qa="title" style="color:#FFFFFF">AIR JORDAN XI ‘ADAPT’</p>
                        <p class="pa" data-qa="body" style="color:#FFFFFF">当经典遇见未来</p>
                        <div class="f-u-t"><a href="" target="_self" tabindex="0" aria-label="了解更多">了解更多</a> </div>
                    </figcaption>
                </div>
                <div class="c-re-s va-sm-t ncss-col-lg-6 ncss-col-lg-offset-0 ncss-col-md-6 css-col-md-offset-0">
                    <div class="c-re-m">
                        <div style="width:100%;height:100%;"><img data-qa="image-media-img" src="./images/p2.jpg"
                                style="width:100%;height:100%"></div>
                    </div>
                    <figcaption class="function">
                        <p class="p" data-qa="title" style="color: #000">至IN登场</p>
    
                        <p class="pa" data-qa="body" style="color: #000">AIR JORDAN Ⅻ</p>
    
                        <div class="f-u-t"><a href="#" target="_self"
                                tabindex="0" aria-label="了解更多">了解更多</a> </div>
                    </figcaption>
                </div>
            </div>
        </div>
        <div class="banner-one fixed-fluid _1WKaQgke css-8fcif">
            <div class="banner-imgo oneall">
                <!-- <img src="/images/banner894  346.jpg" alt=""> -->
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="/images/banner894  346.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="/images/banner894 445.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="/images/banone.jpg" alt="">
                        </div>
                    </div>
                    <div class="swiper-scrollbar"></div>
                </div>
            </div>
            <div class="contai">
                <p class="n-c-o" style="color: #111111;">Nike Air Zoom SuperRep 2</p>
                <p class="n-c-n" style="color: #111111;">专为高强度间歇训练 / 有氧训练 / 循环训练而生，兼具出色性能和时尚外观</p>
                <div class="n-c-t"><a href="#" target="_self"
                        tabindex="0" aria-label="立即选购">立即选购</a></div>
            </div>
        </div>
        <div class=" fixed-fluid _1WKaQgke css-1wf7v22 ncss-container">
            <div class="n-c-hr">
                <h2 class="n-c-h">推荐故事</h2>
            </div>
            <div class="ncss-row y-g">
                
            </div>
            <script type="text/html" id="picShowTemplate">
                {{each list item}}
                <div class="passall  ncss-row va-sm-t ncss-col-lg-3 ncss-col-lg-offset-0 ncss-col-md-offset-0 ncss-col-md-3">
                    <img src="{{item.url}}" alt="" class="passageone">
                    <figcaption class="_13xDDA0A _1uUVQf9l _2n345FhB ">
                        <div class="_3T7SP3hk">
                            <div class="YEqpdVMc cta-container">
                                <a href="#" target="_self" class="dz_xjzja _2minRfAM ncss-btn-primary-light">{{item.des}}</a>
                            </div>
                        </div>
                    </figcaption>
                    <a href="#" target="_self" class="_1GPQ9HJJ"></a>
                </div>
                {{/each}}
            </script>
            
        </div>
        <div class="banner-two fixed-fluid _1WKaQgke css-1wf7v22 ncss-container">
            <div class="n-c-hr">
                <h2 class="n-c-h">推荐故事</h2>
            </div>
            <div class="ncss-row">
                <div class="va-sm-t passall ncss-col-lg-6 ncss-col-lg-offset-0 ncss-col-md-6 ncss-col-md-offset-0">
                    <div class="c-re-m c-re-y">
                        <div style="width:100%;height:100%"><img data-qa="image-media-img" src="/images/ma1 439 343.jpg"
                                style="width:100%;height:100%"></div>
                        <figcaption class="banntwo o0L_Z0WU">
                            <div class="" data-qa="card-overlay-content">
                                <div class="YEqpdVMc cta-container YEqpd" data-qa="cta-container"><a class="aone"
                                        href="#" target="_self"
                                        data-analytics-action-id="ba8ffb74-4e45-434f-9b3d-4fc9a278249f"
                                        data-analytics-allow="false" class="dz_xjzja _2minRfAM ncss-btn-primary-dark"
                                        data-qa="cta-button" data-qa-card-id="c5eec763-de66-46ef-a9ef-59be96091472"
                                        tabindex="0" aria-label="立即选购">立即选购</a></div>
                            </div>
                        </figcaption>
                    </div>
                </div>
                <div class="va-sm-t  ncss-col-lg-6 ncss-col-lg-offset-0 ncss-col-md-6 css-col-md-offset-0
                ">
                    <div class="c-re-m c-re-y">
                        <div style="width:100%;height:100%"><img data-qa="image-media-img" src="/images/ma2.jpg"
                                style="width:100%;height:100%"></div>
                        <figcaption class="banntwo o0L_Z0WU">
                            <div class="" data-qa="card-overlay-content">
                                <div class="YEqpdVMc cta-container YEqpd" data-qa="cta-container"><a class="aone"
                                        href="#" target="_self"
                                        data-analytics-action-id="ba8ffb74-4e45-434f-9b3d-4fc9a278249f"
                                        data-analytics-allow="false" class="dz_xjzja _2minRfAM ncss-btn-primary-dark"
                                        data-qa="cta-button" data-qa-card-id="c5eec763-de66-46ef-a9ef-59be96091472"
                                        tabindex="0" aria-label="立即选购">立即选购</a></div>
                            </div>
                        </figcaption>
                    </div>
                </div>
            </div>
        </div>
        <div class="banner-three fixed-fluid _1WKaQgke css-1wf7v22 ncss-container">
            <div class="n-c-hr">
                <h2 class="n-c-h">会员中心</h2>
            </div>
            <div class="bannerthree">
                <img src="/images/footer1280 496.jpg" alt="">
            </div>
        </div>
    </main>
    <!-- footer -->
    <footer>
        
    </footer>

    <script src="/lib/require/require.js" data-main = "/js/index"></script>

</body>

</html>